<template>
  <div class="goods-discount" @touchstart.stop>
    <div class="goods-discount-top">促销活动</div>
    <div class="goods-discount-content">全场满 <span>￥{{this.$parent.$parent.data.discount}}</span> 包邮</div>
    <div class="goods-discount-btn" @touchstart="closeModal">确定</div>
  </div>
</template>

<script>
  export default {
    name: "goods-discount",
    methods: {
      closeModal:function () {
        this.$parent.$parent.isShow=false;
      }
    }
  }
</script>

<style scoped>
  .goods-discount{
    position: absolute;
    width: 100%;
    background-color: white;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    z-index: 10000;
  }
  .goods-discount-top,.goods-discount-content {
    color: #333333;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 0.0266666rem;
    border-bottom: 1px solid #D9D9D9;
    font-size: 0.046rem;
  }
  .goods-discount-content span{
    color:#ef4f4f;
  }
  .goods-discount-btn {
    background-color: #fd5555;
    text-align: center;
    color: #fff;
    line-height: 40px;
    font-size: 0.04rem;
  }
</style>
